<template>
	<view class="goods_title_box">
		<text class="goods_title">
			{{title}}
		</text>
	</view>
</template>

<script>
	export default {
		name: "ZY-title",
		props: {
			title: {
				type: String,
				default: '标题'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.goods_title_box {

		padding: 0 30rpx;
		margin-bottom: 12rpx;

		.goods_title {
			position: relative;
			color: $u-type-primary;
			font-size: 28rpx;
			text-align: center;
			display: inline-block;
			// width: 68rpx;

			&::after {
				content: '';
				position: absolute;
				bottom: -12rpx;
				left: 0;
				width: 100%;
				height: 6rpx;
				background-color: $u-type-primary;
				border-radius: 4rpx;
			}
		}
	}
</style>
